<style type="text/css">
body {
	font-family: Helvetica, serif;
	background: white url(/statics/css/back.gif) repeat top left;
	color: black;
	text-align: center;
}
h1 {
	font-size: 170px;
	margin: 160px 0 0;
	padding: .2em 0;
	color: #fff;
	letter-spacing: 20px;
	background: #c1e824;
	-moz-transform: matrix(1, -0.2, 0, 1, 0, 0);
	-webkit-transform: matrix(1, -0.2, 0, 1, 0, 0);
	-o-transform:matrix(1, -0.2, 0, 1, 0, 0);
}
h2 {
	font-size: 100px;
	letter-spacing: -7px;
	color: #c1e824;
	padding: 0;
	margin: 0;
	-moz-transform: matrix(1, -0.2, 0, 1, 0, 0);
	-webkit-transform: matrix(1, -0.2, 0, 1, 0, 0);
	-o-transform:matrix(1, -0.2, 0, 1, 0, 0);
}
p.info {
	margin: 0;
	-moz-transform: matrix(1, -0.2, 0, 1, 0, 0);
	-webkit-transform: matrix(1, -0.2, 0, 1, 0, 0);
	-o-transform:matrix(1, -0.2, 0, 1, 0, 0);
}
</style>
<h1 id="timeleft">00:00:00</h1>
{% if title %}
	<h2>{{ title }}</h2>
{% endif %}
<p class="info">
	<strong>{{ nbOfTotalUrls }} counter pages created, and counting!</strong>
	<br/>You too can create your own custom counter page.
	Use the menu at the top to get started.
</p>